<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>登录</title>
    <link rel="stylesheet"
        th:href="@{/layui/css/layui.css}"
        media="all">
  <link th:href="@{http:////at.alicdn.com/t/font_2130978_xt5nm748kd.css}" rel="stylesheet">
  <style type="text/css">
    *{

    }
    .denglu{
      position: absolute;
      top: 100px;
      left: 800px;
      width: 500px;
      height: 230px;
      /*border: 2px dashed red;*/
      font-family:"方正粗黑宋简体";
      font-size: 15px;
    }
    .layui-btn-container{
        position: relative;
        top: 10px;
        left: 110px;
        font-weight:bolder;
    }
    .zhuce{
        width: 120px;
        height: 22px;
        position: relative;
        left: 10px;
        top: 60px;
      font-weight: 100;
        font-size: 17px;
      color: rgba(179, 196, 196, 0.9);
    }
    .zhuce a{
        font-weight: 100;
        color: #00b3ee;
    }
    .zhuce a:hover{
        color: #f47731;
        border: 1px dotted blue;
    }
    .denglu .email{
      width: 250px;
      height: 40px;
      border-radius: 20px;
    }
    .denglu .pwd{
      width: 250px;
      height: 40px;
      border-radius: 20px;
    }
    .denglu .p1{
      font-size: 30px;
      color: #c0bdbd;
      position: relative;
      top: 5px;
      left: -15px;
    }
    .denglu .p2{
      font-size: 30px;
      color: #c0bdbd;
      position: relative;
      top: 5px;
      left: -15px;
    }
    .denglu .title{
      position: relative;
      left: -60px;
      font-size: 70px;
      font-family: "楷体";
      font-weight: bolder;
      transform: inherit;
      opacity: 50%;
    }
    .denglu .error{
      color: red;
    }
    .denglu .img{
      opacity: 50%;
      width: 2000px;
      height: 1000px;
      position: relative;
      top: 950px;
      left: -800px;
    }
  </style>
</head>
<body>
<div class="denglu">

  <span class="title">校园管理系统</span><br/><br/><br/><br/><br/>
<!--  <span class="error">${error}</span>-->
  <br/><br/>
  <form th:action="@{/emp/denglu}" method="post">
    <i class="iconfont icon-touxiang p1"></i>
    <input type="text" name="email" placeholder="&nbsp;&nbsp;&nbsp;请输入邮箱" required="required" class="email"><br/><br/>
    <i class="iconfont icon-mima p2"></i>
    <input type="password" name="password" placeholder="&nbsp;&nbsp;&nbsp;请输入密码" required="required" class="pwd"><br/><br/>
    <label class="layui-form-label">角色:</label>


    <div class="layui-input-inline" style="width:100px">
      <select name="role" id="role" lay-verify="required" lay-search="" class="layui-select">
        <option value=1 selected>教师</option>
        <option value=2>学生</option>
      </select>
    </div>


    <div class="layui-btn-container">
      <input type="submit" value="登录" class="layui-btn layui-btn-primary layui-btn-radius"><br/><br/>
    </div>
    <div class="zhuce">
        没有账号?
      <a th:href="@{/emp/b}">注册</a>
    </div>
  </form>
</div>

<script type="text/javascript" th:src="@{/jquery/jquery-3.5.1.js}"></script>
<script type="text/javascript" th:src="@{/layui/layui.all.js}"></script>


</body>
</html>
